<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		
		<title>Highcharts Example</title>
	
		<style type="text/css">

		</style>
	</head>
<script type="text/javascript">

</script>
<body>
	<form id="chart" name="chart" method="post">
	<script src="../js/highcharts.js"></script>
	<script src="../js/exporting.js"></script>
	<script src="../js/modules/export-data.js"></script>

	<div id="container" style="min-width: 100px; height: 300px; margin: 0 auto"></div>
		<script type="text/javascript">
		var x1 = parseInt('${requestScope.TESTINFO[0].level1}');
		var x2 = parseInt('${requestScope.TESTINFO[0].level2}');
		var x3 = parseInt('${requestScope.TESTINFO[0].level3}');
		var x4 = parseInt('${requestScope.TESTINFO[0].level4}');
		var x5 = parseInt('${requestScope.TESTINFO[0].level5}');
		var x6 = parseInt('${requestScope.TESTINFO[0].level6}');
		var x7 = parseInt('${requestScope.TESTINFO[0].level7}');
		var x8 = parseInt('${requestScope.TESTINFO[0].level8}');
		var x9 = parseInt('${requestScope.TESTINFO[0].level9}');
		var x10 = parseInt('${requestScope.TESTINFO[0].level10}');
		
		
		
		Highcharts.chart('container', {
		    chart: {
		        type: 'column'
		    },
		    title: {
		        text: '考试成绩分数段统计'
		    },
		    subtitle: {
		        text: '来源: 教务处成绩管理系统'
		    },
		    xAxis: {
		        categories: 
		            '各分数段人数',
		        crosshair: true
		    },
		    yAxis: {
		        min: 0,
		        title: {
		            text: '人数 (人)'
		        }
		    },
		    tooltip: {
		        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
		            '<td style="padding:0"><b>{point.y:f}人</b></td></tr>',
		        footerFormat: '</table>',
		        shared: true,
		        useHTML: true
		    },
		    plotOptions: {
		        column: {
		            pointPadding: 0.2,
		            borderWidth: 0
		        }
		    },
		   
		    series: [{
		    	name: '10分以下',
		        data: [x10]

		    }, {
		        name: '10~20分',
		        data: [x9]

		    }, {
		        name: '20~30分',
		        data: [x8]

		    }, {
		        name: '30~40分',
		        data: [x7]

		    }
		    , {
		        name: '40~50分',
		        data: [x6]

		    }
		    , {
		        name: '50~60分',
		        data: [x5]

		    }
		    , {
		        name: '60~70分',
		        data: [x4]

		    }
		    , {
		        name: '70~80分',
		        data: [x3]

		    }, {
		        name: '80~90分',
		        data: [x2]

		    }, {
		        name: '90分以上',
		        data: [x1]

		    }]
		});
	</script>
</form>
	
   <form id="Form" name="Form" method="post">

	<table width="100%" height="10" border="0" align="center" cellpadding="0" cellspacing="0">
            
            <tr class="search_title_tr">
            
			<td width="12%" class="search_td1">样本容量：</td>
			<td colspan="2" class="search_td2">
            <input name="sum" id="sum" type="text" value="${TESTINFO1[0].sum}"/>
             </td>  
                           
            <td width="12%" class="search_td1">平均分：</td>
            <td colspan="2" class="search_td2">
            <input name="avg" id="avg" type="text"  value="${TESTINFO1[0].avg}"  />  
            </td>
            <td width="12%" class="search_td1">优秀率：</td>
            <td colspan="2" class="search_td2">
            <input name="great" id="great" type="text"  value="${TESTINFO1[0].great }"/>
            </td>
              </tr>
              <tr>         
            
            <td width="12%" class="search_td1">及格率：</td>
            <td colspan="2" class="search_td2">
            <input name="pass" id="pass" type="text" value="${TESTINFO1[0].pass }"/>
            </td>
                       
            <td width="12%" class="search_td1">最高分：</td>
            <td colspan="2" class="search_td2">
            <input name="max" id="max" type="text"  value="${TESTINFO1[0].max }"/>
            </td>
            
            <td width="12%" class="search_td1">最低分：</td>
            <td colspan="2" class="search_td2">
            <input name="min" id="min" type="text"  value="${TESTINFO1[0].min }"/>
            </td>   
            
			</tr>
			<tr><td width="12%" class="search_td1" >
            <button id="item2" type="button" style="position:right;right:0;bottom:0;"
						 class=" btn-primary " onclick="window.location='test?ActionType=test_Level'" >详情</button>					 
			</td>
			</tr>
        </table>
	</form>	
</body>
</html>